<template>
    <div class="title">地震烈度图</div>
    <div class="chartbox" ref="chartRef"> </div>
</template>  
  
<script setup>
import { ref, onMounted, onUnmounted } from 'vue'
import { initMap } from '../../api/gis2d/mapbase'
const chartRef = ref(null)
onMounted(() => {
  initMap({ map: chartRef.value })
})
</script>  
  
<style scoped>
.title{
    height: 41px;
    color:#fff;
    line-height: 41px;
    font-size: 18px;
    padding-left: 26px;
    font-weight: bold;
}
.chartbox {
  height: calc(100% - 41px);
}

</style>